import Vue from 'vue'
import Router from 'vue-router'
import BaseLayout from '../layouts/BaseLayout'
import Recommend from "../pages/Recommend";
import Rank from "../pages/Rank";
import Hot from "../pages/Hot";

Vue.use(Router);

export const constantRoutes = [
    {
        path: '/',
        component: BaseLayout,
        redirect: 'login',
        children: [
            {
                path: "/recommend",
                component: Recommend
            },
            {
                path: "/rank",
                component: Rank
            },
            {
                path: "/hot",
                component: Hot
            },
            {
                path: '/movie/:mid',
                component: () => import("../pages/Movie")
            },
            {
                path: '/search',
                component: () => import('../pages/Search')
            }
        ]
    },
    {
        path: '/login',
        component: () => import('../pages/Login')
    },
    {
        path: '/register',
        component: () => import('../pages/Register')
    },
    // {
    //     path: '*',
    //     component: () => import('../pages/Login')
    // }
];


const createRouter = () => new Router({
    // mode: 'history', // require service support
    scrollBehavior: () => ({ y: 0 }),
    routes: constantRoutes
})

const router = createRouter()

// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
export function resetRouter() {
    const newRouter = createRouter()
    router.matcher = newRouter.matcher // reset router
}

export default router
